<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<script>

    export default {
        name: 'app'
    }
</script>

<style>
    #app {
        font-family: 'Avenir', Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #2c3e50;
        height: 100%;
    }

    html, body {
        height: 100%;
    }

    body, #root {
        height: 100%;
        min-height: 100%;
        max-width: 1200px;
        background: #f2f2f2;
        margin: 0 auto !important;
    }

    * {
        margin: 0;
        padding: 0
    }

    a, img {
        -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */
    }

    a {
        text-decoration: none !important;
    }

    a:link, a:visited {
        text-decoration: none !important; /*超链接无下划线*/
    }

    address, caption, cite, code, dfn, em, b, i, th, var, b, strong {
        font-style: normal;
        font-weight: normal;
    }

    ul {
        list-style: none
    }

    table {
        border-collapse: collapse
    }

    body {
        font-size: 28px;
        line-height: 1.5;
        color: #333;
        font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    }

    .clearfix:before, .clearfix:after {
        display: table;
        content: ""
    }

    .clearfix:after {
        clear: both
    }

    a {
        text-decoration: none;
        color: #333
    }

    a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    a:hover {
        text-decoration: none;
    }

    .none {
        display: none
    }

    input, button, select, textarea {
        outline: none;
        border: none;
    }

    body .weui-dialog__bd {
        -webkit-user-select: all;
        user-select: all;
    }

    button {
        background: transparent;
        border-radius: 0;
    }
</style>
